<template>
  <div class="page-content">
    <el-dialog
      :title="title"
      :visible.sync="detailDialog"
      width="50rem"
      :before-close="tableClose"
    >
     <el-table
    :data="detailInfo.deytailArra"
    border
    style="width: 100%">
    <el-table-column
      prop="typeName"
      label="名称">
    </el-table-column>
    <el-table-column
      prop="amount"
      label="数量">
    </el-table-column>
    <el-table-column
      prop="unitPrice"
      label="单价">
    </el-table-column>
    <el-table-column
      prop="unit"
      label="单位">
    </el-table-column>
    <el-table-column
      prop="remark"
      label="备注">
    </el-table-column>
  </el-table>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "DetailedPopup",
  props: {
    detailDialog: {
      Boolean,
      default: false,
    },
    //详细信息
    detailInfo: {
      Object,
      default: {},
    },
  },
  data() {
    return {
      //表名
      title: "详细信息",
    };
  },

  methods: {
    //查询表格数据
    DisplayData() {
      this.$emit("DisplayData");
    },

    //关闭表单
    closeform() {
      var a = false;
      this.$emit("closeDetail", a);
      // this.DisplayData();
    },

    // 关闭弹窗
    tableClose() {
      // this.$confirm("确认关闭？")
      //   .then(() => {
      //     this.closeform();
      //   })
      //   .catch(() => {});
      this.closeform();
    },
  },
};
</script>

<style scoped>

</style>

